<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Obj.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	 <script type="text/javascript" src="jquery-3.1.0.js"></script>
	<script type="text/javascript">
		 $(function(){
		 	//dom对象 标签对象(button anchor等) window document 对象 javascript语言中的
		 	var body=document.body;
		 	alert(body);
		 	//jquery对象
		 	//css选择器 jQuery 选择器找到满足选择器条件的dom元素相关的jQuery 对象(jQuery对象其实就是一个包含dom对象的数组)
		 	//jQuery 对象不能调用js的方法 和属性 只能调用jQuery内置的属性和方法
		 	var jqueryobj= $("#s");
		 	alert(jqueryobj.val());
		 	//如果需要调用js的属性和方法需要将jQuery对象转换成dom对象
		 	var domobj=jqueryobj[0];
		 	alert(domobj.value);
		 	
		 	//dom对象转jQuery对象
		 	var d=document.getElementById("e");
		 	var t=$(d);
		 	alert(t.val());
		 	
		 })
	
	</script>
  </head>
  <body>
    <input type="text" id="s" value="233"/>
    <input type="text" id="e" value="emmm"/>
  </body>
</html>
